
<!-- 2. 现代深色风格底部 -->
<footer class="footer bg-dark text-white py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 mb-4">
                <h4 class="mb-4">品牌名称</h4>
                <p class="text-gray-400 mb-4">创新设计，卓越品质，为您提供全方位的解决方案。</p>
                <div class="social-links">
                    <a href="#" class="social-icon bg-secondary text-white"><i class="fab fa-weixin"></i></a>
                    <a href="#" class="social-icon bg-secondary text-white"><i class="fab fa-weibo"></i></a>
                    <a href="#" class="social-icon bg-secondary text-white"><i class="fab fa-qq"></i></a>
                    <a href="#" class="social-icon bg-secondary text-white"><i class="fab fa-instagram"></i></a>
                </div>
            </div>

            <div class="col-lg-2 col-md-3 mb-4">
                <h5 class="mb-4">产品</h5>
                <ul class="nav flex-column">
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">产品系列</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">新品上市</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">热门推荐</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">优惠活动</a></li>
                </ul>
            </div>

            <div class="col-lg-2 col-md-3 mb-4">
                <h5 class="mb-4">支持</h5>
                <ul class="nav flex-column">
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">帮助中心</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">联系客服</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">常见问题</a></li>
                    <li class="mb-2"><a href="#" class="nav-link text-gray-400">售后服务</a></li>
                </ul>
            </div>

            <div class="col-lg-4 col-md-6 mb-4">
                <h5 class="mb-4">订阅通讯</h5>
                <p class="text-gray-400 mb-3">订阅我们的通讯，获取最新产品和活动信息</p>
                <form class="mb-3">
                    <div class="input-group">
                        <input type="email" class="form-control" placeholder="您的邮箱地址" aria-label="您的邮箱地址">
                        <button class="btn btn-primary" type="button">订阅</button>
                    </div>
                </form>
                <p class="text-gray-500 small">我们尊重您的隐私，不会向第三方分享您的信息</p>
            </div>
        </div>

        <div class="border-top border-gray-800 pt-5 mt-5">
            <div class="d-flex flex-wrap justify-content-between">
                <p class="text-gray-500">© 2023 品牌名称. 保留所有权利.</p>
                <div class="d-flex mt-3 mt-sm-0">
                    <a href="#" class="nav-link text-gray-500 me-4">隐私政策</a>
                    <a href="#" class="nav-link text-gray-500 me-4">使用条款</a>
                    <a href="#" class="nav-link text-gray-500">Cookie 政策</a>
                </div>
            </div>
        </div>
    </div>
</footer>
